<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登陆</title>
	<link rel="stylesheet" href="login.css">
	<script type="text/javascript" src="../../../node_modules/jquery/dist/jquery.min.js"></script>
	
</head>
<body>
	<form action="">
		<div >
			<img class="img-login-logo" src="../../images/login/login-logo.png" alt="">
			<div class="login-input">
				<div class="input-group">
					<input class="login-input-username" type="text" placeholder="请输入用户名">
					<span class="showpassword" id="showpassword">显示密码</span>
					<input type="password" id="pwd" class="login-input-password" placeholder="请输入密码">
					<div class="rememberpwd-group">
						<label for="pwd-checkbox" class="rememberpwd"><input type="checkbox" id="pwd-checkbox">记住密码</label>
						<label class="forgetpwd">忘记密码</label>
					</div>
					<input type="submit" class="btn btn-login" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">
				</div>
			</div>
		</div>
	</form>
	
	
	<script type="text/javascript">
		// 是否显示密码
		var k=0;
		$("#showpassword").click(function() {
			k++;
			var pwd=$("#pwd").val();
			if(pwd==""){
				k=0;
			}else if(k%2==0){
				$("#pwd").attr("type","password");
			}else{
				$("#pwd").attr("type","text");
			}
		});
	</script>
</body>
</html>